$(function(){
	var color = ['#B4C843','#BBF1FE','#FAF9FE','#FFFFFF','#262729','#E9E9EB'];
	var show = $('.main_goods_show');
	var click = $('.clickList');
	var num = 0;
	var big = $('#big');
	var small = $('#small');
	var run = function(){
		show.eq(num).fadeIn().siblings().fadeOut();
		click.eq(num).css('background-color','#00C3F5').siblings().css('background-color','');
		$('#f_home').css('background-color',color[num]);
		num++;
		if(num==show.length){
			num=0;
		}
	}
	run();
	var time = setInterval(run, 2500);
	$('#right_arrow').click(function(){
		run();
	});
	$('#left_arrow').click(function(){
		num = num - 2;
		if(num == -2){
			num = show.length-2;
		}
		if(num == -1){
			num = show.length-1;
		}
		run();
	});
	click.click(function(){
		num = $(this).index();
		run();
	});
	

	
	$('#f_home').hover(function(){
		$('.t_bro').fadeTo(200,0.8);
 		clearInterval(time);
	} , function(){
		$('.t_bro').fadeTo(200,0);
		time = setInterval(run, 2500);
	});
//===============轮播======================================
//	var js_width = $("#js_content");	
//	var pdd = js_width.width();
//	var long = $("#js_content").css('left');
//	long = parseInt(long);
//
//	big.click(function(){		
//		long -= 1220;
//		if(Math.abs(long) > (pdd-1220)){
//					
//			$("#js_content").stop().css({left:"-1220px"});
//			long = -1220;
//		}else{
//			$("#js_content").stop().animate({left: long+"px"}, 1000);			
//		}		
//	});
//	small.click(function(){			
//		long += 1220;
//		if(long > 0){
//			$("#js_content").stop().css({left:"-3660px"});
//			long = -3660;
//		}else{
//			$("#js_content").stop().animate({left: long+"px"}, 1000);
//		}			
//	});
//	
//	var auto = function () {	
//		
//		if(Math.abs(long) > (pdd-1220)){			
//			//$("#js_content").stop().animate({left: long+"px"}, 1000);	
//			$("#js_content").stop().css({left:"-1220px"});			
//			long = -1220;	
//		}else{
//			$("#js_content").stop().animate({left: long+"px"}, 500);
//			long -= 1220;
//		}		
//	}
//	var time2 = setInterval(auto,1500);
//
//	js_width.parent().parent().mouseenter(function(){		
//		clearInterval(time2);
//	});
//	js_width.parent().parent().mouseleave(function(){
//		time2 = setInterval(auto,1500);

	$("#big").on('click',function() {
		nextscroll();
	});
	
	function nextscroll(){
		var mc = $("#js_content");  									//主体的div名
		var offset = ($("#js_content li").width()) * -1;
		mc.stop().animate({left:offset}, 1000,function() {
			var firstItem = $("#js_content ul li").first();
			mc.find("ul").append(firstItem);    						//将div的一组元素添加到末尾
			$(this).css("left", "0px");
		});
	}
	var time2 = setInterval(nextscroll,2500);
	$('.go_hot').hover(function(){
		clearInterval(time2);
//		$('.tu_bro').fadeTo(200,0.5);
	},function(){
		time2 = setInterval(nextscroll,2500);
//		$('.tu_bro').fadeTo(200,0);
	});
//	$('.banner').hover(){
//		
//	}
	$("#small").on('click',function() {
		var mc = $("#js_content");
		var offset = ($("#js_content li").width() * -1);
		var lastItem = $("#js_content ul li").last();
		mc.find("ul").prepend(lastItem);	
		mc.css("left", offset);
		mc.stop().animate({left:"0px"}, 1000);		
	});
	
	
	
	
	
	
	
//-----------------图片整体效果-------------------------
	$('.global_img').hover(function(){
		$(this).animate({width:'200px',height:'200px'},50);
	} , function(){
		$(this).animate({width:'180px',height:'180px'},50);
	});
//-----------------拉出栏--------------------------------
	$('.home_options').hover(function(){

		$(this).children(".hidden_area").show();
	}, function(){
		$(this).children(".hidden_area").hide();
	});		
//=====================bug消除===========================
	$('.home_options').hover(function(){
		$('#right_arrow, .t_bro, #left_arrow').css({display:"none"});
	}, function(){
		$('#right_arrow, #left_arrow').css({display:"block"});
	}
	);
//================下拉栏=====================================
	$('.h1').hover(function(){
		$(this).children(".down_slid").stop().slideDown(200);
		$(this).parents('.partition').children(".down_slid_bro").slideDown(200);	
	}, function(){
		$(this).children(".down_slid").stop().css({display:"none"});		
	});	

	
	$('.partition').mouseleave(function(){
		$(this).children(".down_slid_bro").slideUp(200);	
	});	
	
	
//======================改变颜色==========================
	$(".change_color").hover(function(){
		$(this).css({background:"#4DCFF6"});
	}, function(){
		$(this).css({background:"#1FA7EA"});
	});
//============购物车========================
	$(".shoppingcar").hover(function(){
		$(this).siblings('.car_event').css({display:"block"});
	}, function(){
		$(this).siblings('.car_event').css({display:"none"});
	});
	
});

















//window.onload = function(){
//	
//	var show = document.getElementsByClassName('main_goods_show');
//	var click = document.getElementsByClassName('clickList');
//	var fuck = document.getElementById('f_home');
//	var home = document.getElementById('home');	
//	var left =document.getElementById('left_arrow');
//	var right =document.getElementById('right_arrow');
//	var run = document.getElementById('js_content');
//	var small =document.getElementById('small');
//	var big =document.getElementById('big');
//	// var back = document.getElementsByClassName('f_home');
//	var num = 0;
//	var opac = null;
////----------------控制左右轮换-----------------------	
//	right.onclick = function(){
//		goods();
//	}
//
//	left.onclick = function(){			
//		num = num-2;
//		if (num == -2) {
//		 	num = show.length-2;
//		}else if(num == -1){
//			num = show.length-1;			
//		}
//		goods();		
//	}
////===============================================
////--------------------------轮换--------------------
//	var goods = function (){		
//		for (var i = 0; i < show.length; i++) {
//			show[i].style.display="none";
//			click[i].style.backgroundColor="";
//			}
//		show[num].style.display="block";
//		click[num].style.backgroundColor="#00C3F5";
//		fuck.style.backgroundColor = color[num];
//		num++;
//		if(num == show.length){
//			num = 0;
//			}	
//		}
//
//
//	var time = setInterval(goods, 2000);	
//
//	
////-------------点击小点随意切换轮换图------------------
//	for (var i = 0; i <click.length; i++) {
//
//		do_click(i);
//	}
//
//	function do_click(i) {
//
//		click[i].onclick = function() {
//			num = i;
//			goods();
//		}
//	}	
//
////======================================================
//
////--------------------移入停止轮播-----------------------//
//	fuck.onmouseover = function  () {
//
//		clearTimeout(time);
//	}
//
//	fuck.onmouseout = function () {		
//		
//		time = setInterval(goods, 2000);
//	}
////==========================================================
////-----------------淡入淡出------------------------------//	
//	var time2=function(){} ,time1=function(){};
//	home.onmouseover =function(){			
//		runtime_over();
//	}
//	home.onmouseout =function(){
//		runtime_out();
//	}
//	function runtime_over(){
//		time1 = setInterval(opacity_over, 20); 
//	}
//	function runtime_out(){
//		time2 = setInterval(opacity_out, 20); 
//	}		
//	function opacity_out(){
//		clearInterval(time1);
//		if ( opac > 0){
//			opac -=0.1;
//		}else{
//			opac = 0;
//			clearInterval(time2);
//		}
//		home.children[2].style.opacity = opac;
//		home.children[3].style.opacity = opac;
//	}
//	function opacity_over(){
//		clearInterval(time2);
//		if ( opac < 0.8){
//			opac +=0.1;
//		}else{	
//			opac = 0.8;
//			clearInterval(time1);			
//		}
//		home.children[2].style.opacity = opac;
//		home.children[3].style.opacity = opac;
//	}
//	//var time3 = setInterval(home.onmouseover, 125);
//
